import React, { memo } from "react";

import CLHotRecommend from "./c-cpns/hot-recommend";
import CLRecommendRank from "./c-cpns/recommend-ranking";
import CLNewAlbum from "./c-cpns/new-album";
import {
  RecommendWrapper,
  Content,
  RecommendLeft,
  RecommendRight,
} from "./style";

import CLTopBanner from "./c-cpns/top-banner";

function CLRecommond() {
  return (
    <RecommendWrapper>
      <CLTopBanner />
      <Content className="wrap-v2">
        <RecommendLeft>
          <CLHotRecommend></CLHotRecommend>
          <CLNewAlbum></CLNewAlbum>
          <CLRecommendRank />
        </RecommendLeft>

        <RecommendRight></RecommendRight>
      </Content>
    </RecommendWrapper>
  );
}

export default memo(CLRecommond);
